

.ulLine {
  ul {
    width: 6400px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    text-align: center;
  }
  li {
    //border:1px solid black;
    margin: 10px;
    //height: 55px;
    line-height: 55px;
    background-color: #F2F2F2;
    div {
      width: 100%;
      height: 100%;
      padding: 10px;
    }
  }
  .li1 {
    width: 6400px;
  }
  .li2 {
    width: 3200px;
  }
  .li3 {
    width: 1600px;
  }
  .li4 {
    width: 800px;
  }
  .li5 {
    width: 400px;
  }




}

.ulStyle {
  width: 800px;
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-around;
  li {
    width: 150px;
    height: 60px;
    background-color: #CCCCCC;
    text-align: center;
    line-height: 60px;

  }
}

.imgStyle {
  width: 55px;
  height: 55px;
  border-radius: 50%;
}

.love1 {
  background-color: #6CFD30;
  //color: white;
}

.love2 {
  background-color: #2DFEFE;
  //color: white;

}

.love3 {
  background-color: #FFFD38;
  //color: black;

}

.love4 {
  background-color: #F90D1C;
  //color: white;
}



//.ulLine {
//  div {
//    //display: inline-block;
//    //width: 3200px;
//    height: 80px;
//    margin: 10px 0 ;
//    background-color: #00aced;
//  }
//  .li1 {
//    width: 6400px;
//  }
//  .li2 {
//    width: 3200px;
//  }
//  .li3 {
//    width: 1600px;
//  }
//  .li4 {
//    width: 800px;
//  }
//  .li5 {
//    width: 400px;
//  }
//}




